﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Portal/Master/Portal.Master" AutoEventWireup="true" 
    CodeBehind="HotelCommentList.aspx.cs" Inherits="Besture.UI.Portal.UserCenter.HotelCommentList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="/Resource/css/normalize.css"/>
    <link rel="stylesheet" href="/Resource/css/common.css"/>
    <link rel="stylesheet" href="/Resource/css/base.css"/>
    <link href="/Resource/css/product.css" rel="stylesheet" />
    <link href="/Resource/css/member.css" rel="stylesheet" />
    <script type="text/javascript" src="/Resource/js/modernizr-2.6.2.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
    <div class="main member product_detail">
            <div class="vipbanner">  </div>
            <div class="container">
                <div class="layout_side">
                    <div class="side_nav">
                        <cms:UserNav runat="server" ID="UserNav" />
                    </div>
                </div>
                <div class="layout_main">
                    <div class="hotel">
                        <div class="vipcon">
                            <div class="viptitle">点评酒店</div>
                            <div class="user_evaluate">
                                <div class="mycomment">
                                    <ul>
                                        <li>位置满意度：
                                                <span class="star" style="cursor: pointer; width: 100px;">
                                                </span><i id="hint0"></i>
                                        </li>
                                        <li>设施满意度：
                                                <span class="star" style="cursor: pointer; width: 100px;">
                                                </span><i id="hint1"></i>
                                        </li>
                                        <li>服务满意度：
                                                <span class="star" style="cursor: pointer; width: 100px;">
                                                </span><i id="hint2"></i></li>
                                        <li>卫生满意度：
                                                <span class="star" style="cursor: pointer; width: 100px;">
                                                </span><i id="hint3"></i></li>
                                    </ul>
                                    <div class="item">
                                        <a href="#" class="userimg">
                                            <img src="/Upload/Image/Content/<%= LoginUserInfo.UserImage %>"  style="width: 50px;margin-top: 20px;"/><br/>
                                            <%# LoginUserInfo.NickName %>
                                        </a>
                                        <div class="text_area">
                                            <img src="/Resource/images/comment.gif"/>
                                            <textarea id="txtContent" runat="server" placeholder="顺便说点什么吧"></textarea>
                                            <span>还能输入120字</span>
                                        </div> 
                                        <asp:Button ID="btnSave"  class="msg_btn"style="border:0" runat="server" Text="评论" OnClick="BtnSaveClick" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <br class="clear">
            </div>
        </div> 
    <input type="hidden" id="hidLocation" runat ="server" />
    <input type="hidden" id="hidFacilities" runat ="server" />
    <input type="hidden" id="hidService" runat ="server" />
    <input type="hidden" id="hidHealth" runat ="server" />
    <script type="text/javascript" src="/Resource/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/Resource/js/common.js"></script>
    <script type="text/javascript" src="/Resource/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/Resource/js/jquery.raty.min.js"></script>
    <script type="text/javascript" >
        $(function () {


            //点击【评论】按钮 触发执行
            $("#<%=btnSave.ClientID%>").click(function() {
                $("#<%=hidLocation.ClientID%>").val($(".mycomment ul li").eq(0).find("input[name='score']").val());
                $("#<%=hidFacilities.ClientID%>").val($(".mycomment ul li").eq(1).find("input[name='score']").val());
                $("#<%=hidService.ClientID%>").val($(".mycomment ul li").eq(2).find("input[name='score']").val());
                $("#<%=hidHealth.ClientID%>").val($(".mycomment ul li").eq(3).find("input[name='score']").val());
            });

            //星星评分
            $(".star").each(function (i) {
                $(this).raty({
                    starOff: '/Resource/images/off.png',
                    starOn: '/Resource/images/on.png',
                    target: "#hint" + i,
                    hints: ['不满意', '一般', '中等', '满意', '非常满意'],
                    targetKeep: true
                });
            });
        });
    </script> 
</asp:Content>
